.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}



.m-pop{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%}
.m-pop .inner{position:absolute;left:50%;top:50%;z-index:2;background:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.m-pop .close{width:30px;height:30px;background:url(/doa/skin/images/img26.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;position:absolute;right:28px;top:31px;z-index:10;cursor:pointer}
.pop-bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.7)}
.m-pic1{width:693px;background:#f5f5f7;padding:0 0 30px;max-height: 90%;overflow-x: hidden;overflow-y: auto;}
.m-pic1 .tit{font-size:30px;color:#333;line-height:2;font-weight:400;padding:15px 60px 15px 30px;margin-bottom:29px;border-bottom:1px solid #cececf;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.m-pic1 .pic{padding:0 30px}
.m-pic1 .pic img{display:block;width:100%}
.m-tit1{font-size:16px;color:#000;line-height:24px;text-align:center}
.m-tit1 h3{font-size:38px;line-height:48px;padding:59px 0;background:url(/doa/skin/images/img3.png) center top no-repeat;-webkit-background-size:auto 86.5%;background-size:auto 86.5%;margin-bottom:6px}
.m-tit1 h3 em{display:block;font-size:16px;line-height:28px;text-transform:uppercase}
.m-tit1-left h3{text-align:left;background-position:left top}
.m-txt1{padding:41px 0 0}
.m-txt1 .m-tit1{margin-bottom:53px}
.m-txt6{overflow:hidden;padding:41px 0 0}
.m-txt6 .m-tit1{float:left;width:20%}
.m-txt6 .txt{overflow:hidden;padding-right:30px;padding-top:26px;font-size:16px;color:#333;line-height:30px;text-align:justify;margin-bottom:20px}
.p-list3{overflow:hidden;margin:0 -3px}
.p-list3 li{float:left;width:33.33%;padding:0 3px 4px}
.p-list3 .con{display:block;background:#fff;padding:10px 10px 47px}
.p-list3 .pic{height:323px;line-height:323px;text-align:center;position:relative}
.p-list3 .pic i{position:absolute;left:50%;top:50%;width:67px;height:67px;background:url(/doa/skin/images/img39.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none}
.p-list3 .con:hover .pic i{display:block}
.p-list3 .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}
.p-list3 .tit{font-size:23px;color:#333;line-height:33px;font-weight:400;text-align:center;overflow:hidden;height: 33px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;	white-space:nowrap}





@media only screen and (max-width:1440px){
    .p-list3 .pic{height: auto;}

}
@media only screen and (max-width:1199px){
	
}
@media only screen and (max-width:959px){

}
@media only screen and (max-width:767px){
    .p-list3 .tit{    font-size: 16px;}
    .p-list3 li{width: 100%;}
    .m-txt6 .m-tit1{width: 100%;}
}
@media only screen and (max-width:414px){
    .m-tit1 h3{    padding: 25px 0;font-size: 32px;}
    .m-txt6 .txt{padding-top:0px}
    .m-pic1{width: 100%;}




}